aboutsummaryrefslogtreecommitdiff
path: root/src/app/manga/[title]/[id]/[read]/page.jsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/app/manga/[title]/[id]/[read]/page.jsx')
-rw-r--r--src/app/manga/[title]/[id]/[read]/page.jsx112
1 files changed, 56 insertions, 56 deletions
diff --git a/src/app/manga/[title]/[id]/[read]/page.jsx b/src/app/manga/[title]/[id]/[read]/page.jsx
index dbba6e0..a4181d7 100644
--- a/src/app/manga/[title]/[id]/[read]/page.jsx
+++ b/src/app/manga/[title]/[id]/[read]/page.jsx
@@ -1,56 +1,56 @@
-import styles from "./read.module.css";
-import Image from "next/image";
-import DownloadManga from "./download";
-
-export default async function Read({ params }) {
- const chapterId = params.read;
- const results = await getPages(chapterId);
- const image_base_url = results.baseUrl + "/data/" + results.chapter.hash;
-
- if (results.length === 0) {
- return (
- <div className={styles.NotFound}>
- <p>
- This chapter has no content. Please check the next chapter.
- </p>
- </div>
- );
- }
-
- let images = [];
- for (var i = 0; i < results.chapter.data.length; i++) {
- var imgUrl = image_base_url + "/" + results.chapter.data[i];
- images.push(imgUrl);
- }
-
- return (
- <div className={styles.Main}>
- <div className={styles.ImageContainer}>
- <DownloadManga chapterId={chapterId} />
- <p>Total pages: {images.length}</p>
- {images &&
- images.map((item, index) => (
- <div className={styles.Image} key={index}>
- <Image
- src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=${item}`}
- key={index}
- alt="Pages"
- width={800}
- height={1000}
- priority
- quality={100}
- unoptimized
- />
- <p>{index + 1}</p>
- </div>
- ))}
- </div>
- </div>
- );
-}
-
-async function getPages(id) {
- const res = await fetch(`https://api.mangadex.org/at-home/server/${id}`);
- const data = await res.json();
- return data;
-}
+import styles from "./read.module.css";
+import Image from "next/image";
+import DownloadManga from "./download";
+
+export default async function Read({ params }) {
+ const chapterId = params.read;
+ const results = await getPages(chapterId);
+ const image_base_url = results.baseUrl + "/data/" + results.chapter.hash;
+
+ if (results.length === 0) {
+ return (
+ <div className={styles.NotFound}>
+ <p>
+ This chapter has no content. Please check the next chapter.
+ </p>
+ </div>
+ );
+ }
+
+ let images = [];
+ for (var i = 0; i < results.chapter.data.length; i++) {
+ var imgUrl = image_base_url + "/" + results.chapter.data[i];
+ images.push(imgUrl);
+ }
+
+ return (
+ <div className={styles.Main}>
+ <div className={styles.ImageContainer}>
+ <DownloadManga chapterId={chapterId} />
+ <p>Total pages: {images.length}</p>
+ {images &&
+ images.map((item, index) => (
+ <div className={styles.Image} key={index}>
+ <Image
+ src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=${item}`}
+ key={index}
+ alt="Pages"
+ width={800}
+ height={1000}
+ priority
+ quality={100}
+ unoptimized
+ />
+ <p>{index + 1}</p>
+ </div>
+ ))}
+ </div>
+ </div>
+ );
+}
+
+async function getPages(id) {
+ const res = await fetch(`https://api.mangadex.org/at-home/server/${id}`);
+ const data = await res.json();
+ return data;
+}